<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no">
  <meta name="description" content="API docs for the ColorFilter.matrix constructor from the Class ColorFilter class from the dart:ui library, for the Dart programming language.">
  <title>ColorFilter.matrix constructor - ColorFilter class - dart:ui library - Dart API</title>
  <!-- required because all the links are pseudo-absolute -->
  <base href="../..">

  <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:500,400i,400,300|Source+Sans+Pro:400,300,700" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="static-assets/github.css">
  <link rel="stylesheet" href="static-assets/styles.css">
  <link rel="icon" href="static-assets/favicon.png">
  <!-- header placeholder -->
</head>

<body>

<div id="overlay-under-drawer"></div>

<header id="title">
  <button id="sidenav-left-toggle" type="button">&nbsp;</button>
  <ol class="breadcrumbs gt-separated dark hidden-xs">
    <li><a href="index.html">flutter_form_builder</a></li>
    <li><a href="dart-ui/dart-ui-library.html">dart:ui</a></li>
    <li><a href="dart-ui/ColorFilter-class.html">ColorFilter</a></li>
    <li class="self-crumb">ColorFilter.matrix const constructor</li>
  </ol>
  <div class="self-name">ColorFilter.matrix</div>
  <form class="search navbar-right" role="search">
    <input type="text" id="search-box" autocomplete="off" disabled class="form-control typeahead" placeholder="Loading search...">
  </form>
</header>

<main>

  <div id="dartdoc-sidebar-left" class="col-xs-6 col-sm-3 col-md-2 sidebar sidebar-offcanvas-left">
    <header id="header-search-sidebar" class="hidden-l">
      <form class="search-sidebar" role="search">
        <input type="text" id="search-sidebar" autocomplete="off" disabled class="form-control typeahead" placeholder="Loading search...">
      </form>
    </header>
    
    <ol class="breadcrumbs gt-separated dark hidden-l" id="sidebar-nav">
      <li><a href="index.html">flutter_form_builder</a></li>
      <li><a href="dart-ui/dart-ui-library.html">dart:ui</a></li>
      <li><a href="dart-ui/ColorFilter-class.html">ColorFilter</a></li>
      <li class="self-crumb">ColorFilter.matrix const constructor</li>
    </ol>
    
    <h5>ColorFilter class</h5>
    <ol>
    
      <li class="section-title"><a href="dart-ui/ColorFilter-class.html#constructors">Constructors</a></li>
      <li><a href="dart-ui/ColorFilter/ColorFilter.linearToSrgbGamma.html">linearToSrgbGamma</a></li>
      <li><a href="dart-ui/ColorFilter/ColorFilter.matrix.html">matrix</a></li>
      <li><a href="dart-ui/ColorFilter/ColorFilter.mode.html">mode</a></li>
      <li><a href="dart-ui/ColorFilter/ColorFilter.srgbToLinearGamma.html">srgbToLinearGamma</a></li>
    
      <li class="section-title">
        <a href="dart-ui/ColorFilter-class.html#instance-properties">Properties</a>
      </li>
      <li><a href="dart-ui/ColorFilter/hashCode.html">hashCode</a></li>
      <li class="inherited"><a href="dart-core/Object/runtimeType.html">runtimeType</a></li>
    
      <li class="section-title"><a href="dart-ui/ColorFilter-class.html#instance-methods">Methods</a></li>
      <li><a href="dart-ui/ColorFilter/toString.html">toString</a></li>
      <li class="inherited"><a href="dart-core/Object/noSuchMethod.html">noSuchMethod</a></li>
    
      <li class="section-title"><a href="dart-ui/ColorFilter-class.html#operators">Operators</a></li>
      <li><a href="dart-ui/ColorFilter/operator_equals.html">operator ==</a></li>
    
    
    
    
    </ol>
  </div><!--/.sidebar-offcanvas-left-->

  <div id="dartdoc-main-content" class="col-xs-12 col-sm-9 col-md-8 main-content">
      <div><h1><span class="kind-constructor">ColorFilter.matrix</span> constructor</h1></div>

    <section class="multi-line-signature">
      const
      <span class="name ">ColorFilter.matrix</span>(<wbr><span class="parameter" id="matrix-param-matrix"><span class="type-annotation"><a href="dart-core/List-class.html">List</a><span class="signature">&lt;<wbr><span class="type-parameter"><a href="dart-core/double-class.html">double</a></span>&gt;</span></span> <span class="parameter-name">matrix</span></span>)
    </section>

    <section class="desc markdown">
      <p>Construct a color filter that transforms a color by a 5x5 matrix, where
the fifth row is implicitly added in an identity configuration.</p>
<p>Every pixel's color value, repsented as an <code>[R, G, B, A]</code>, is matrix
multiplied to create a new color:</p>
<pre class="language-text"><code class="language-text">| R' |   | a00 a01 a02 a03 a04 |   | R |
| G' |   | a10 a11 a22 a33 a44 |   | G |
| B' | = | a20 a21 a22 a33 a44 | * | B |
| A' |   | a30 a31 a22 a33 a44 |   | A |
| 1  |   |  0   0   0   0   1  |   | 1 |
</code></pre>
<p>The matrix is in row-major order and the translation column is specified
in unnormalized, 0...255, space. For example, the identity matrix is:</p>
<pre class="language-dart"><code>const ColorMatrix identity = ColorFilter.matrix(&lt;double&gt;[
  1, 0, 0, 0, 0,
  0, 1, 0, 0, 0,
  0, 0, 1, 0, 0,
  0, 0, 0, 1, 0,
]);
</code></pre>
<h2 id="examples">Examples</h2>
<p>An inversion color matrix:</p>
<pre class="language-dart"><code>const ColorFilter invert = ColorFilter.matrix(&lt;double&gt;[
  -1,  0,  0, 0, 255,
   0, -1,  0, 0, 255,
   0,  0, -1, 0, 255,
   0,  0,  0, 1,   0,
]);
</code></pre>
<p>A sepia-toned color matrix (values based on the <a href="https://www.w3.org/TR/filter-effects-1/#sepiaEquivalent">Filter Effects Spec</a>):</p>
<pre class="language-dart"><code>const ColorFilter sepia = ColorFilter.matrix(&lt;double&gt;[
  0.393, 0.769, 0.189, 0, 0,
  0.349, 0.686, 0.168, 0, 0,
  0.272, 0.534, 0.131, 0, 0,
  0,     0,     0,     1, 0,
]);
</code></pre>
<p>A greyscale color filter (values based on the <a href="https://www.w3.org/TR/filter-effects-1/#grayscaleEquivalent">Filter Effects Spec</a>):</p>
<pre class="language-dart"><code>const ColorFilter greyscale = ColorFilter.matrix(&lt;double&gt;[
  0.2126, 0.7152, 0.0722, 0, 0,
  0.2126, 0.7152, 0.0722, 0, 0,
  0.2126, 0.7152, 0.0722, 0, 0,
  0,      0,      0,      1, 0,
]);
</code></pre>
    </section>
    
    <section class="summary source-code" id="source">
      <h2><span>Implementation</span></h2>
      <pre class="language-dart"><code class="language-dart">const ColorFilter.matrix(List&lt;double&gt; matrix)
    : _color = null,
      _blendMode = null,
      _matrix = matrix,
      _type = _TypeMatrix;</code></pre>
    </section>

  </div> <!-- /.main-content -->

  <div id="dartdoc-sidebar-right" class="col-xs-6 col-sm-6 col-md-2 sidebar sidebar-offcanvas-right">
  </div><!--/.sidebar-offcanvas-->

</main>

<footer>
  <span class="no-break">
    flutter_form_builder
      3.8.2
  </span>

  <!-- footer-text placeholder -->
</footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="static-assets/typeahead.bundle.min.js"></script>
<script src="static-assets/highlight.pack.js"></script>
<script src="static-assets/URI.js"></script>
<script src="static-assets/script.js"></script>
<!-- footer placeholder -->

</body>

</html>
